<template>
  <div id="content">
    <div class="mainContent">
      <div class="mianBox" id="articleList">
        <Breadcrumb></Breadcrumb>
        <div style="border-left: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;">
          <!-- 列表信息-->
          <div class="wBd">
            <ul class="newsList" v-for="(item,index) in linkList" :key="index">
              <li>
                <a :href="item.url" target="view_window"
                   :title="'标题：'+item.title+'\n'+'浏览量：'+item.click+'\n'+'发表时间：'+item.time"
                >{{ vague('2', item.title) }}</a></li>
              <li v-if="(index+1)%5===0" class="split"></li>
            </ul>
            <pagination
              v-show="total>0"
              :total="total"
              :page.sync="queryParams.pageNum"
              :limit.sync="queryParams.pageSize"
              @pagination="getList"
            />
          </div>
        </div>
      </div>
    </div>

    <div class="sideBar">
      <!-- sideMenu -->


      <div class="box" id="sideMenu">
        <div class="hd"><h3>校内链接</h3></div>
        <div class="bd">
          <ul class="menuList">
          </ul>
        </div>
      </div>


    </div>
  </div>
</template>

<script>
export default {
  name: 'Links',
  data(){
    return{
      linkList:[
        {id:1,title:'中原工学院',click:'30',time:new Date(),url:'https://www.zut.edu.cn/'},
        {id:2,title:'中原工学院软件学院',click:'20',time:new Date(),url:'https://soft.zut.edu.cn/'}
      ],
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        newsTitle: undefined,
        createBy: undefined,
        status: '0'
      },
      total:2
    }
  },
  components: { },
  methods:{
    getList(){
      console.log("sss")
    }
  }
}
</script>

<style scoped>

</style>
